* {
  padding   : 0;
  margin    : 0;
  box-sizing: border-box;
}

ul,
ol {
  list-style: none;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}

.my-hide {
  display: none;
}

.bg-color {
  background-color: #222d32;
}

.mt-150 {
  margin-top: 150px;
}

.mt-20 {
  margin-top: 20px;
}

.pt-180 {
  padding-left: 180px;
}

.pl-20 {
  padding-left: 20px;
}

.lt-out {
  left: -180px !important;
}

.ts-pt {
  transition: padding 0.7s;
}

// 侧边栏
.lt-aside {
  width           : 180px;
  height          : 100%;
  background-color: #222D32;
  position        : fixed;
  top             : 0;
  left            : 0;
  text-align      : center;
  z-index         : 999;
  transition      : all 0.7s;

  h3 {
    background-color: #367FA9;
    height          : 50px;
    line-height     : 50px;
    margin          : 0;

    a {
      color: #fff;
    }
  }

  .info {
    width     : 80px;
    height    : 80px;
    text-align: center;
    margin    : 25px auto;

    img {
      width        : 100%;
      height       : 100%;
      border-radius: 50%;
    }
  }

  p {
    color    : #fff;
    font-size: 22px;
  }

  ul {
    margin-top: 30px;

    li {
      a {
        border-left: 3px solid transparent;
        display    : block;
        height     : 40px;
        line-height: 40px;
        color      : #fff;
      }
    }
  }

  li.current {
    a {
      border-left     : 4px solid #b1f80b;
      background-color: #1D1F21;
    }
  }
}

// 主体
.lt-main {
  width              : 100%;
  height             : 1000px;
  // background-color: pink;
  position           : relative;
  padding-top        : 50px;

  // 头部
  .lt-top {
    height          : 50px;
    width           : 100%;
    position        : fixed;
    z-index         : 666;
    right           : 0;
    top             : 0;
    background-color: #3C8DBC;

    a {
      width     : 50px;
      height    : 50px;
      color     : #fff;
      font-size : 20px;
      margin    : 10px;
      text-align: center;
    }
  }

  // 内容
  .content {
    padding: 15px;

    th {
      text-align: center;
    }

    table>tbody>tr>td {
      vertical-align: middle;
    }
  }

}